// ======== 样式继承 ========
import styled from 'styled-components';

// const 标签名（首字母大写）= styled.HTML标签名`css样式`
// 导出
const Fu = styled.div`
    font-size: 50px;
    font-family:'Courier New',Courier,monospace,kai;
    color: green;
    width: 30vw;
`
// 子继承父，通过构造函数 styled() 来继承另一个组件的样式
// 继承：color 和 font-family子没有，会用父的
// 重载：font-size两者都有，以子为准
const Zi = styled(Fu)`
    font-size: 80px;    
    background: yellowgreen;
    width: 30vw;
`

export { Fu, Zi };
